﻿@model LandManager.Web.Models.UserInfo

@{
    Layout = null;

    var error = ViewBag.Error ?? "";
}

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript" src="~/Scripts/jquery-1.8.2.js"></script>
    <style type="text/css">
        .bodyStyle {
            height: 100%;
            background: #f2f2f1;
            font-family: "Microsoft YaHei UI" "Microsoft YaHei";
            color: #000;
            font-size: medium;
            padding: 0px;
            margin: 0px;
            overflow: hidden;
            background: url(../Images/login_bg.jpg) no-repeat;
            /*position: absolute;*/
            zoom: 1;
        }

        .fontStyle {
            font-family: 'Microsoft YaHei';
            color: #a6acae;
            font-size: medium;
            text-decoration: none;
            line-height: normal;
        }

        .linkDiv {
            position: absolute;
            width: 420px;
            height: 30px;
            min-width: 420px;
            min-height: 30px;
            top: 10%;
            right: 5%;
        }

        .linkDivStyle {
            display: inline;
            padding-left: 10px;
            padding-right: 10px;
        }

        .imgStyle {
            position: absolute;
            height: 95%;
            width: 100%;
            min-height: 95%;
            min-width: 100%;
            margin-left: auto;
            margin-right: auto;
            /*background: #22449B;*/
            background: url(../Images/login_bg.jpg) no-repeat;
            text-align: center;
        }

        .footerStyle {
            position: absolute;
            width: 100%;
            height: 5%;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .fontStyle {
            font-family: 'Microsoft YaHei';
            color: #8bb6ee;
            font-size: medium;
            text-decoration: none;
            line-height: normal;
        }

        .userNameStyle {
            height: 82px;
            width: 260px;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
        }

        .userPwdStyle {
            height: 82px;
            width: 260px;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
        }

        .loginButtonStyle {
            height: 40px;
            width: 40px;
            position: absolute;
            top: 21px;
            left: 230px;
        }

            .loginButtonStyle:hover {
                cursor: pointer;
            }

        .usrNameTextStyle {
            height: 35px;
            width: 200px;
            padding-left: 8px;
            line-height: 35px;
            left: 10px;
            top: 3px;
            /*background: none;*/
            background-color: #293953;
            border: none;
            font-family: 'Microsoft YaHei';
            color: #accffd;
            font-size: medium;
            position: absolute;
        }

        .usrPwdTextStyle {
            height: 35px;
            width: 200px;
            padding-left: 8px;
            line-height: 35px;
            left: 10px;
            top: 45px;
            background-color: #293953;
            border: none;
            font-family: 'Microsoft YaHei';
            color: #accffd;
            font-size: medium;
            position: absolute;
        }

        .logoStyle {
            height: 250px;
            width: 420px;
            top: 50%;
            left: 50%;
            margin-top: -200px;
            margin-left: -210px;
            position: absolute;
        }

        .inputDiv {
            width: 270px;
            height: 82px;
            left: 50%;
            margin-left: -135px;
            top: 50%;
            margin-top: 50px;
            position: absolute;
        }

        .checkPwsStyle {
            top: 85px;
            left: 20px;
            margin-top: 22px;
            /*color: #293953;*/
            font-size: 0.8em;
            cursor: pointer;
            text-align: center;
            line-height: 120%;
            /*background-color: #293953;*/
            position: absolute;
            /*right: 230px;*/
        }

        .uncheckbox {
            height: 10px;
            width: 10px;
            border: solid 3px #293953;
            background: #293953;
            float: left;
        }

        .uncheckvalue {
            float: left;
            color: #293953;
            padding-left: 20px;
        }

        .checkbox {
            height: 10px;
            width: 10px;
            border: solid 3px #293953;
            background: #accffd;
            float: left;
        }

        .checkvalue {
            float: left;
            color: #accffd;
            padding-left: 20px;
        }

        .checkLoginStyle {
            top: 85px;
            right: 40px;
            margin-top: 22px;
            /*color: #293953;*/
            cursor: pointer;
            text-align: center;
            line-height: 120%;
            font-size: 0.8em;
            position: absolute;
        }
    </style>
    <style type="text/css">
        #alertMsg {
            display: none;
            width: 400px;
            border: 1px solid #ddd;
            border-radius: 5px;
            box-shadow: 1px 1px 10px black;
            padding: 10px;
            font-size: 12px;
            position: absolute;
            text-align: center;
            background: #fff;
            z-index: 100000;
        }

        #alertMsg_info {
            font-family: "Microsoft YaHei";
            padding: 2px 15px;
            line-height: 1.6em;
            text-align: left;
            color: #293953;
        }

        #alertMsg_btn1, #alertMsg_btn2 {
            display: inline-block;
            background: #293953 left top;
            padding-left: 3px;
            color: #fff;
            font-size: 12px;
            text-decoration: none;
            margin-right: 10px;
            cursor: pointer;
            font-family: 'Microsoft YaHei';
        }

            #alertMsg_btn1 cite, #alertMsg_btn2 cite {
                line-height: 24px;
                display: inline-block;
                padding: 0 13px 0 10px;
                background: #293953 right top;
                font-style: normal;
                font-family: 'Microsoft YaHei';
            }
    </style>

    <script type="text/javascript">
        $(function () {
            if ('@error' != "")
                alert('@error');
        });

        function login() {

            var app = '@Request.ApplicationPath';
            if (app.charAt(app.length - 1) == '/') app = app.substr(0, app.length - 1);

            var name = $('#userNameText').attr("value");
            var pwd = $('#userPwdText').attr("value");

            if (name == "") {
                alert('用户名不能为空！');
                return;
            }
            if (pwd == "") {
                alert('密码不能为空！');
                return;
            }

            $('#myform').submit();
        }
    </script>
</head>
<body class="bodyStyle">
    <div style="width: 100%; height: 100%; background: url(/Images/login_bg.jpg); position: absolute">
    </div>
    <div class="imgStyle">
        <img src="~/Images/login_bglogo.png" style="height: 100%; min-height: 500px; width: auto; margin: auto auto" />

    </div>
    <div id="linkDiv" class="linkDiv">
        <div class="linkDivStyle"><a class="fontStyle" href="##">常见问题解答</a></div>
        <div class="linkDivStyle"><a class="fontStyle" href="##">联系我们</a></div>
        <div class="linkDivStyle"><a class="fontStyle" href="##">服务条款</a></div>
        <div class="linkDivStyle"><a class="fontStyle" href="##">隐私条款</a></div>
    </div>
    <div class="footerStyle">

        <img src="~/Images/bg_footer.jpg" style="height: 100%; width: 100%" />
        <div class="fontStyle" style="width: 100%; height: 100%; color: #465d83; margin: auto auto; top: 30%; position: absolute; bottom: 0; text-align: center; vertical-align: central">中国航空规划设计研究总院有限公司- 土地信息管理系统</div>
    </div>

    <div class="logoStyle">
        <img src="~/Images/login_logo.png" style="width: 420px; height: 250px" />
    </div>
    <div class="inputDiv">
        <img src="~/Images/bg_UserName.png" class="userNameStyle" />
        <img src="~/Images/bg_UserPwd.png" class="userPwdStyle" />
        <form id="myform" action="~/User/Login" method="post">


            <a onclick="login()"><img id="LoginButton" src="~/Images/Login_unpress.png" class="loginButtonStyle" /></a>
            <input id="userNameText" name="user_name" class="usrNameTextStyle" type="text" />
            <input id="userPwdText" name="user_password" class="usrPwdTextStyle" type="password" />
        </form>
        @*<div id="remePws" class="checkPwsStyle">
                <div id="RememberPwd" class="uncheckbox"></div>
                <div id="RememberPwdValue" class="uncheckvalue">记住密码</div>
            </div>
            <div id="autoLog" class="checkLoginStyle">
                <div id="AutoLogin" class="uncheckbox"></div>
                <div id="AutoLoginValue" class="uncheckvalue">自动登录</div>
            </div>*@
    </div>
</body>
</html>
